[MacLeo]

Облазил уже довольно много сайтов, перечитал большое количество постов на эту тему, но нигде не увидел даже строчки как сделать кнопки соц.сетей в одну строку. Сижу вот уже несколько часов мучаюсь и не могу поставить их в одну строчку. Если кто то знает как это сделать - поделитесь :)

[Zvеr]

Используешь готовые какие-то скрипты сторонних сервисов? Или кнопки-картинки хранятся в отдельной папке и выводишь их ссылками?

Если первый вариант, то уточни сервис. Если второй, то просто без тега переноса br вставь ссылки друг за другом, что-то типа:

Код HTML:

<a href="#"><img src="social/twitter.jpg" /></a><a href="#"><img src="social/facebook.jpg" /></a><a href="#"><img src="social/vkontakte.jpg" /></a>

Можешь добавить ссылкам какой-нибудь класс и в CSS задать отступ между ними :)

[MacLeo]

Zvеr, использую от соц сетей, Вконтакте, Мейл, твиттер.

[Zvеr]

ааа, ты про эти. Я ими не пользовался. Не помню, там некоторые блоком вставляются, некоторые скриптом... суть в том что нужно для всех указать в CSS float:left; тогда будут обтекать друг друга :)
Если не совсем понятно, оберни каждый из кода в:

Код HTML:

<div style="float:left;"></div>

А после последнего вставь:

Код HTML:

<div style="clear:both;"></div>

Чтобы верстка не поплыла... Должно помочь

[MacLeo]

Zvеr, спасибо, помогло. Но как сделать что бы промежуток между кнопками еще был?

.soc {float : left;}

Что еще сюда дописать?

[Diamaxx]

MacLeo, padding-left: 5px; вроде бы. Цифру меняйте по усмотрению.

[krockki]

У меня таблицей сделано:

<table border="0" cellspacing="8" cellpadding="10">
<tr>
<td>тут код
</td>
<td>тут код
</td>
<td>тут код
</td>
<td>
тут код
</td>
</noindex>
</tr>
</table>

[Diamaxx]

krockki, Зачем городить таблицы, когда есть div? Это же лишний вес, да и не только в весе дело )

[MacLeo]

Все сделал, кому нужно:

{float : left; width : 25% !important;}

25 регулируем кому как нужно :)